<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>商城首页</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="">
    <#include "/mobile/resource_css.ftl">
</head>
<body ontouchstart>
<!--顶部搜索-->
<header class='weui-header'>
    <div class="weui-search-bar" id="searchBar">
        <form class="weui-search-bar__form">
            <div class="weui-search-bar__box">
                <i class="weui-icon-search"></i>
                <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索您想要的商品" required>
                <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
            </div>
            <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
                <i class="weui-icon-search"></i>
                <span>搜索您想要的商品</span>
            </label>
        </form>
        <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
    </div>
</header>
<!--主体-->
<div class='weui-content'>
    <!--顶部轮播-->
    <div class="swiper-container swiper-banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="${params.contextPath}/mobile/pro_info.htm"><img src="${params.contextPath}/app/img/ban1.jpg" /></a></div>
            <div class="swiper-slide"><a href="${params.contextPath}/mobile/pro_list.htm"><img src="${params.contextPath}/app/img/ban2.jpg" /></a></div>
            <div class="swiper-slide"><a href="${params.contextPath}/mobile/pro_info.htm"><img src="${params.contextPath}/app/img/ban3.jpg" /></a></div>
            <div class="swiper-slide"><a href="${params.contextPath}/mobile/pro_list.htm"><img src="${params.contextPath}/app/img/ban4.jpg" /></a></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
    <!--图标分类-->
    <div class="weui-flex wy-iconlist-box">
        <div class="weui-flex__item"><a href="${params.contextPath}/mobile/pro_list.htm" class="wy-links-iconlist"><div class="img"><img src="${params.contextPath}/app/img/xinpin.png"></div><p>新品好物</p></a></div>
        <div class="weui-flex__item"><a href="${params.contextPath}/mobile/pro_list.htm" class="wy-links-iconlist"><div class="img"><img src="${params.contextPath}/app/img/zhibo.png"></div><p>好物直播</p></a></div>
        <div class="weui-flex__item"><a href="${params.contextPath}/mobile/all_orders.htm" class="wy-links-iconlist"><div class="img"><img src="${params.contextPath}/app/img/zhuanti.png"></div><p>专题推荐</p></a></div>
        <div class="weui-flex__item"><a href="Settled_in.html" class="wy-links-iconlist"><div class="img"><img src="${params.contextPath}/app/img/miaosha.png"></div><p>秒杀专区</p></a></div>
    </div>
    <!--新闻切换-->
    <div class="wy-ind-news">
        <i class="news-icon-laba"></i>
        <div class="swiper-container swiper-news">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="news_info.html">热烈祝贺伟义商城成功热烈祝贺伟义商城成功上线热烈祝贺伟义商城成功上线上线</a></div>
                <div class="swiper-slide"><a href="news_info.html">蓝之蓝股份成公司上市</a></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <a href="news_list.html" class="newsmore"><i class="news-icon-more"></i></a>
    </div>
    <!--精选推荐-->
    <div class="wy-Module">
        <div class="wy-Module-tit"><span>品牌制造商直供</span></div>
        <div class="wy-Module-con">
            <div class="swiper-container swiper-jingxuan" style="padding-top:34px;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan1.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan2.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan3.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan4.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan5.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan1.jpg" /></a></div>
                </div>
                <div class="swiper-pagination jingxuan-pagination"></div>
            </div>
        </div>
    </div>
    <!--秒杀专区-->
    <div class="wy-Module">
        <div class="wy-Module-tit"><span>新鲜好物</span></div>
        <div class="wy-Module-con">
            <div class="swiper-container swiper-jiushui" style="padding-top:34px;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan1.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan2.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan3.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan4.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan5.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan1.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan1.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan2.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan3.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan4.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan5.jpg" /></a></div>
                    <div class="swiper-slide"><a href="pro_info.html"><img src="${params.contextPath}/app/img/jingxuan1.jpg" /></a></div>
                </div>
                <div class="swiper-pagination jingxuan-pagination"></div>
            </div>
        </div>
    </div>

    <!--秒杀专场-->
    <div class="wy-Module">
        <div class="wy-Module-tit-line"><span>秒杀专区</span></div>
        <div class="wy-Module-con">
            <ul class="wy-pro-list clear">
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro1.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro2.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro3.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro4.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro5.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro1.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="morelinks"><a href="pro_list.html">查看更多 >></a></div>
        </div>
    </div>

    <!--猜你喜欢-->
    <div class="wy-Module">
        <div class="wy-Module-tit-line"><span>猜你喜欢</span></div>
        <div class="wy-Module-con">
            <ul class="wy-pro-list clear">
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro1.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro2.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro3.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro4.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro5.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="pro_info.html">
                        <div class="proimg"><img src="${params.contextPath}/app/img/pro1.jpg"></div>
                        <div class="protxt">
                            <div class="name">洋河蓝色瓶装经典Q7浓香型白酒500ml52度高端纯粮食白酒2瓶装包邮</div>
                            <div class="wy-pro-pri">¥<span>296.00</span></div>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="morelinks"><a href="pro_list.html">查看更多 >></a></div>
        </div>
    </div>
</div>

<!--底部导航-->
<div class="foot-black"></div>
<div class="weui-tabbar wy-foot-menu">
    <a href="${params.contextPath}/mobile/index.htm" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon foot-menu-home"></div>
        <p class="weui-tabbar__label">首页</p>
    </a>
    <a href="${params.contextPath}/mobile/classify.htm" class="weui-tabbar__item">
        <div class="weui-tabbar__icon foot-menu-list"></div>
        <p class="weui-tabbar__label">分类</p>
    </a>
    <a href="${params.contextPath}/mobile/liveshow.htm" class="weui-tabbar__item">
        <div class="weui-tabbar__icon foot-menu-list"></div>
        <p class="weui-tabbar__label">直播</p>
    </a>
    <a href="${params.contextPath}/mobile/shopcart.htm" class="weui-tabbar__item">
        <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
        <div class="weui-tabbar__icon foot-menu-cart"></div>
        <p class="weui-tabbar__label">购物车</p>
    </a>
    <a href="${params.contextPath}/mobile/mine.htm" class="weui-tabbar__item">
        <div class="weui-tabbar__icon foot-menu-member"></div>
        <p class="weui-tabbar__label">我的</p>
    </a>
</div>

<#include "/mobile/resource_js.ftl">
<script src="${params.contextPath}/app/js/swiper.js"></script>
<script>
    $(".swiper-banner").swiper({
        loop: true,
        autoplay: 3000
    });
    $(".swiper-news").swiper({
        loop: true,
        direction: 'vertical',
        paginationHide :true,
        autoplay: 30000
    });
    $(".swiper-jingxuan").swiper({
        pagination: '.swiper-pagination',
        loop: true,
        paginationType:'fraction',
        slidesPerView:3,
        paginationClickable: true,
        spaceBetween: 2
    });
    $(".swiper-jiushui").swiper({
        pagination: '.swiper-pagination',
        paginationType:'fraction',
        loop: true,
        slidesPerView:3,
        slidesPerColumn: 2,
        paginationClickable: true,
        spaceBetween:2
    });
</script>
</body>
</html>
